<script type="text/javascript">
$(function() {
    $("#slider3").responsiveSlides({
        manualControls: '#slider3-pager',
        pauseControls: true,
        auto: true,
        timeout: 40000
        
      });
  });

</script>
<!-- .main -->
<div class="main">
<div class="works" id="page_works">
<div class="workItem">
<ul class="rslides " id="slider3">
	<?php foreach ($photos as $p):?>
	 <li><img src="<?=base_url()?>uploads/large/<?=$p->filename_l?>" alt=""></li>
	<?php endforeach;?>
</ul>

    <!-- Slideshow 3 Pager -->
    <ul id="slider3-pager">
    <?php if(count($photos)>1):?>
    <?php foreach ($photos as $p):?>
    <li><a href="#"><img src="<?=base_url()?>uploads/thumbs/<?=$p->filename_s?>" alt="" height="70"></a></li>
    <?php endforeach;?>
    <?php endif;?>
      <div class="clear"></div>
    </ul>
</div>
<div class="workDescription">
	<?php if($work->year):?>
	<h5>Année : <?=$work->year?></h5>
	<?php endif;?>
	<?php if($work->name):?>
	<h5>Client : <?=$work->name?></h5>
	<?php endif;?>
	<?php if(isset($tags)):?>
	<h5>Projet :<?php foreach ($tags as $tag ):?> <?=$tag->tag_fr?>, <?php endforeach;?></h5>
	<?php endif;?>
	<?php if($work->description):?>
	<h5>Description : <?=$work->description?></h5>
	<?php endif;?>
	<?php if($work->link):?>
	<h5><a href="http://<?=$work->link?>" target="_blank"><i class="glyphicon glyphicon-link"></i> visiter web site</a></h5>
	<?php endif;?>
	<hr>
	<a href="<?=site_url()?>fr/works" class="btn btn-success">Retour à la liste</a>


</div>
</div>
<!-- .reference -->
	<div class="reference" id="reference_work">
		<!-- .reference_container -->
		<div class="reference_container" >
	
		<span class="subtitle">NOS CARACTÉRISTIQUES</span>
		
		
		<div class="clear"></div>
		<!-- .reference_item -->
				<div class="reference_item">
		<span>IDENTITÉ AND LOGO</span>
		<li><a href="#">Identité visuelle</a></li>
		<li><a href="#">Logotype</a></li>
		<li><a href="#">Carte de visite</a></li>
		</div>
		<div class="reference_item">
		<span>IMPRIMERIE ET ÉDITION</span>
		<li><a href="#">Affiche</a></li>
		<li><a href="#">Carte de voeux</a></li>
		<li><a href="#">Invitation</a></li>
		<li><a href="#">Brochure</a></li>
		<li><a href="#">Flyer</a></li>
		<li><a href="#">Roll-Up</a></li>
		<li><a href="#">Catalogue</a></li>
		</div>
		<div class="reference_item">
		<span>WEB & MULTIMÉDIA</span>
		<li><a href="#">Institutional Site</a></li>
		<li><a href="#">Newsletter</a></li>
		<li><a href="#">Bannière</a></li>
		<li><a href="#">E-mailing</a></li>
		<li><a href="#">Présentation</a></li>
		<li><a href="#">Catalogue</a></li>
		</div>
		<div class="reference_item">
		<span>ILLUSTRATION</span>
		<li><a href="#">Portrait</a></li>
		<li><a href="#">Illustration Numérique</a></li>
		</div>
		<div class="reference_item">
		<span>PHOTOGRAPHIE</span>
		<li><a href="#">Photographie Commerciale</a></li>
		<li><a href="#">Photographie Nature Morte</a></li>
		<li><a href="#">Retouche Numérique</a></li>
		</div>
		<div class="clear"></div>
		</div>
		<!-- /.reference_item -->
		<div class="clear"></div>
	</div>
	<!-- /.reference -->

</div>

<!-- /.main -->